
page{
  /* "Helvetica Neue",Helvetica,Arial,sans-serif */
  	font-family: SourceHanSansCN-Regular, sans-serif ;
    max-width: 760px;
    margin: 0 auto;
}
.page{
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}
.btnHeight32{
	height: 32px !important;
	line-height: 32px !important;
	border-radius: 16px;
	color: #FFFFFF;
}
.btnHeight40{
	height: 40px !important;
	line-height: 40px !important;
	border-radius: 20px;
	color: #FFFFFF;
}
.btnHeight46{
	height: 46px !important;
	line-height: 46px !important;
}
.btnHeight48{
	height: 48px !important;
	line-height: 48px !important;
	border-radius: 24px;
	color: #FFFFFF;
}
.listcard{
	padding: 20rpx;
	margin: 20rpx 0 20rpx 0;
	border-radius: 10rpx;
	box-shadow: 0 0 10rpx 2rpx #c7c7c7;
	box-sizing: border-box;
	background-color: white;
}
.font-fa-me{
	font-family: SourceHanSansCN-Medium, sans-serif;
}
.container{
  padding-left: 24rpx;
  padding-right: 24rpx;
}
.dis-block{
  display: block;
}
.dis-inline-block{
  display: inline-block;
}
/* #ifdef APP-APP-NVUE */
.dis-block{
	display: block;
}
/* #endif */

/*公共类*/

.pos-rel {
  position: relative;
}

.pos-abs {
  position: absolute;
}

.pos-fixed {
  position: fixed;
}

.text-justify{
	text-align: justify;
}

.hide{
  display: none;
}
.over-hid {
  overflow: hidden;
}
.flex{
  display: flex;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-row{
	flex-direction: row;
}
.flex-column{
	flex-direction: column;
}

.align-start{
  align-items: flex-start; /*元素位于容器的开头。*/
}
.align-end{
  align-items: flex-end; /*元素位于容器底部*/
}
.align-center{
   align-items: center; /*垂直居中*/
}

.justify-around{
  justify-content: space-around;
}
.justify-between{
  justify-content: space-between;
}
.justify-center {
	justify-content: center;
}
.justify-start {
	justify-content: flex-start;
}
.justify-end {
	justify-content: flex-end;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}
.text-middle{
  vertical-align: middle;
}
.text-top{
  vertical-align:top;
}
.text-bottom{
  vertical-align: bottom;
}
.w-33 {
  width: 33.3333%;
}

.w-49 {
  width: 49.999999%;
}
.w-100 {
  width: 100%!important;
}
.h-100 {
  height: 100%;
}

.pad-10{
	padding: 20rpx;
}

.pad-12{
	padding: 24rpx;
}

.pad-10-12{
	padding:20rpx 24rpx;
}

.pad-0-12{
	padding:0rpx 24rpx;
}

.pad-t-0 {
  padding-top: 0rpx !important;
}
.pad-t-1 {
  padding-top: 2rpx;
}
.pad-t-2{
  padding-top: 4rpx;
}
.pad-t-3 {
  padding-top: 6rpx;
}

.pad-t-5 {
  padding-top: 10rpx;
}
.pad-t-7{
    padding-top: 14rpx;
  }
.pad-t-8 {
  padding-top: 16rpx;
}
.pad-t-10 {
  padding-top: 20rpx;
}
.pad-t-12 {
  padding-top: 24rpx;
}
.pad-t-14 {
  padding-top: 28rpx;
}
.pad-t-15 {
  padding-top: 30rpx;
}
.pad-t-20{
  padding-top: 40rpx;
}
.pad-t-25{
  padding-top: 50rpx;
}
.pad-t-28{
  padding-top: 56rpx!important;
}
.pad-t-30{
  padding-top: 60rpx!important;
}
.pad-t-36{
  padding-top: 72rpx!important;
}
.pad-t-38{
  padding-top: 76rpx!important;
}
.pad-t-40{
  padding-top: 80rpx!important;
}
.pad-b-0{
  padding-bottom: 0rpx !important;
}
.pad-b-3{
  padding-bottom: 6rpx !important;
}
.pad-b-5 {
  padding-bottom: 10rpx !important;
}

.pad-b-10 {
  padding-bottom: 20rpx;
}
.pad-b-14 {
  padding-bottom: 28rpx !important;
}

.pad-b-15 {
  padding-bottom: 30rpx !important;
}
.pad-b-18 {
  padding-bottom: 36rpx !important;
}

.pad-b-20 {
  padding-bottom: 40rpx !important;
}

.pad-b-25 {
  padding-bottom: 50rpx !important;
}

.pad-b-30 {
  padding-bottom: 60rpx !important;
}
.pad-b-40 {
  padding-bottom: 80rpx !important;
}

.pad-b-60 {
  padding-bottom: 120rpx !important;
}
.pad-l-0 {
  padding-left: 0rpx !important;
}
.pad-l-5 {
  padding-left: 10rpx !important;
}
.pad-l-7 {
  padding-left:14rpx !important;
}
.pad-l-8{
  padding-left:16rpx !important;
}
.pad-l-10 {
  padding-left: 20rpx !important;
}

.pad-l-15 {
  padding-left: 30rpx !important;
}
.pad-l-16 {
  padding-left: 32rpx !important;
}

.pad-l-20 {
  padding-left: 40rpx !important;
}
.pad-l-25 {
  padding-left: 50rpx !important;
}
.pad-l-30 {
  padding-left: 60rpx !important;
}
.pad-l-40 {
  padding-left: 80rpx !important;
}
.pad-l-50 {
  padding-left: 100rpx !important;
}
.pad-t-b-10 {
  padding: 20rpx 0;
}

.pad-t-b-15 {
  padding: 30rpx 0;
}
.pad-r-0 {
  padding-right: 0rpx !important;
}
.pad-r-5 {
  padding-right: 10rpx;
}

.pad-r-7 {
  padding-right: 14rpx !important;
}

.pad-r-8 {
  padding-right: 16rpx !important;
}

.pad-r-10 {
  padding-right: 20rpx;
}
.pad-r-15 {
  padding-right: 30rpx;
}
.pad-r-20 {
  padding-right: 40rpx;
}
.pad-r-30 {
  padding-right: 60rpx;
}
.pad-t-b-20 {
  padding: 40rpx 0;
}

.pad-t-b-30 {
  padding: 60rpx 0;
}

.mar-t-2{
   margin-top: 4rpx !important;
}
.mar-t-3 {
  margin-top: 6rpx;
}

.mar-t-5 {
  margin-top: 10rpx;
}
.mar-t-7 {
  margin-top: 14rpx;
}

.mar-t-8 {
  margin-top: 16rpx;
}

.mar-t-10 {
  margin-top: 20rpx;
}

.mar-t-12 {
  margin-top: 24rpx !important;
}
.mar-t-13 {
  margin-top: 26rpx !important;
}
.mar-t-15 {
  margin-top: 30rpx !important;
}
.mar-t-16 {
  margin-top: 32rpx !important;
}
.mar-t-17 {
  margin-top: 34rpx !important;
}
.mar-t-18 {
  margin-top: 36rpx !important;
}

.mar-t-20 {
  margin-top: 40rpx !important;
}
.mar-t-23 {
  margin-top: 46rpx !important;
}
.mar-t-25 {
  margin-top: 50rpx !important;
}

.mar-t-30 {
  margin-top: 60rpx !important;
}
.mar-t-35 {
  margin-top: 70rpx !important;
}
.mar-t-40 {
  margin-top: 80rpx !important;
}
.mar-t-50 {
  margin-top: 100rpx !important;
}
.mar-t-70 {
  margin-top: 140rpx !important;
}
.mar-l-1{
  margin-left: 2rpx;
}
.mar-l-2{
  margin-left: 4rpx;
}
.mar-l-3{
  margin-left: 6rpx;
}
.mar-l-5 {
  margin-left: 10rpx !important;
}
.mar-l-6 {
  margin-left: 12rpx !important;
}
.mar-l-7 {
  margin-left: 14rpx !important;
}
.mar-l-8 {
  margin-left: 16rpx !important;
}


.mar-l-10 {
  margin-left: 20rpx !important;
}

.mar-l-12 {
  margin-left: 24rpx;
}

.mar-l-15 {
  margin-left: 30rpx !important;
}

.mar-l-20 {
  margin-left: 40rpx !important;
}
.mar-l-25 {
  margin-left: 50rpx !important;
}
.mar-l-30 {
  margin-left: 60rpx !important;
}
.mar-l-40 {
  margin-left: 80rpx !important;
}
.mar-r-0 {
  margin-right: 0rpx!important;
}
.mar-r-3 {
  margin-right: 6rpx;
}
.mar-r-8 {
  margin-right: 16rpx;
}
.mar-r-5 {
  margin-right: 10rpx;
}

.mar-r-10 {
  margin-right: 20rpx;
}
.mar-r-12{
	margin-right: 24rpx;
}
.mar-r-15 {
  margin-right: 30rpx;
}

.mar-r-20 {
  margin-right: 40rpx !important;
}
.mar-r-25 {
  margin-right: 50rpx !important;
}
.mar-r-30 {
  margin-right: 60rpx !important;
}
.mar-r-35 {
  margin-right: 70rpx !important;
}
.mar-r-40 {
  margin-right: 80rpx !important;
}
.mar-r-50 {
  margin-right: 100rpx !important;
}
.mar-r-60 {
  margin-right: 120rpx !important;
}

.mar-b-5 {
  margin-bottom: 10rpx !important;
}

.mar-b-10 {
  margin-bottom: 20rpx !important;
}
.mar-b-12 {
  margin-bottom: 24rpx !important;
}
.mar-b-15 {
    margin-bottom: 30rpx !important;
  }
.mar-b-16 {
  margin-bottom: 32rpx !important;
}
.mar-b-20 {
  margin-bottom: 40rpx !important;
}
.mar-b-25 {
  margin-bottom: 50rpx !important;
}
.mar-b-30 {
  margin-bottom: 60rpx !important;
}
.mar-b-35 {
  margin-bottom: 70rpx !important;
}
.mar-b-40 {
  margin-bottom: 80rpx !important;
}
.mar-b-45 {
  margin-bottom: 90rpx !important;
}
.mar-b-50 {
  margin-bottom: 100rpx !important;
}
.mar-b-60 {
  margin-bottom: 120rpx !important;
}
.mar-b-70 {
  margin-bottom: 140rpx !important;
}
.box-b{
  box-sizing: border-box;
}
.box-shadow{
	box-shadow: -1px 0px 1px 2px #dfdfdf;
}
.solid,
.solid-top,
.solid-right,
.solid-bottom,
.solid-left{
  position: relative;
}
.solid::after,.solid-top::after,.solid-bottom::after {
	content: " ";
	width: 200%;
	height: 200%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: inherit;
	transform: scale(0.5);
	transform-origin: 0 0;
	pointer-events: none;
	box-sizing: border-box;
}

.solid::after {
	border: 1upx solid rgba(0, 0, 0, 0.1);
}

.solid-top::after {
	border-top: 1upx solid rgba(0, 0, 0, 0.1);
}

.solid-right::after {
	border-right: 1upx solid rgba(0, 0, 0, 0.1);
}

.solid-bottom::after {
	border-bottom: 1upx solid rgba(0, 0, 0, 0.1);
}

.solid-left::after {
	border-left: 1upx solid rgba(0, 0, 0, 0.1);
}
.border-r-f2 {
	border-width: 2rpx;
	border-right-style: solid;
	border-color:  #F2F2F2;
}
.border-b-f2 {
	border-width: 2rpx;
	border-bottom-style: solid;
	border-color:  #F2F2F2;
}
.border-b-1 {
	border-width: 2rpx;
	border-bottom-style: solid;
	border-color: #eee;
	/* border: 1px solid #e5e5e5 !important; */
}
.border-b-888 {
	border-width: 1rpx;
	border-bottom-style: solid;
	border-color:  #888;
}
.border-b-0 {
	border-width: 0rpx;
	border-bottom-style: solid !important;

}
.border-b-e5 {
  border-width: 1rpx;
  border-bottom-style: solid;
  border-color:  #e5e5e5;
}
.border-t-e6 {
  border-width: 1rpx;
  border-top-style: solid;
  border-color:  #e6e6e6;
}


.border-t-1 {
  border-width: 1rpx;
  border-top-style: solid;
  border-color:  #eee;
}

.border-t-ef {
	border-width: 1rpx;
	border-top-style: solid;
	border-color:  #f3f4f6;
}

.border-b-ef {
	border-width: 1rpx;
	border-bottom-style: solid;
	border-color:  #f3f4f6;
}


.font-color-030E2C {
  color: #030E2C;
}
.font-color-A7AABB {
  color: #A7AABB;
}
.font-color-242C41 {
  color:#242C41
}
.font-color-687393 {
  color: #687393;
}
.font-color-title{
  color: #EBD7B1;
}
.font-color-blue {
  color: #0440b1;
}
.font-color-b4 {
  color: #B4B5B5;
}
.font-color-266CFF {
  color: #266CFF;
}
.font-color-green {
  color: #2EC8A1;
}
.font-color-orange {
  color: #e6ad00;
}
.font-color-lightblue {
  color: #0098df;
}

.font-color-000 {
  color: #000 !important;
}
.font-color-15{
  color:#151515 !important;
}

.font-color-222 {
  color: #222 !important;
}

.font-color-333 {
  color: #333 !important;
}

.font-color-444 {
  color: #444 !important;
}

.font-color-555 {
  color: #555 !important;
}

.font-color-666 {
  color: #666 !important;
}

.font-color-777 {
  color: #777 !important;
}
.font-color-71{
  color: #717171 !important;
}
.font-color-888 {
  color: #888888 !important;
}

.font-color-999 {
  color: #999 !important;
}
.font-color-9b{
	color: #9B9B9B
}
.font-color-ccc {
  color: #ccc !important;
}

.font-color-lightgray {
  color: #979797 !important;
}

.font-color-fff {
  color: #fff;
}
.font-color-normal {
  color: #0092FF !important;
}

.font-color-red {
  color: #ff0000;
}

.font-color-yellow {
  color: #f2af3c;
}

.font-color-orange {
  color: #FC6C45;
}
.font-color-00BBD3 {
  color: #00BBD3!important;
}
.font-color-price {
  color: #F83F20 !important;
}
.font-color-e9{
  color: #E93A53 !important;
} 
.font-color-b3{
  color: #b3b3b3 !important;
} 
.font-color-bf{
  color: #bfbfbf !important;
} 
.font-color-58 {
  color: #58595B;
}
.bac-color-normal{
  background-color: #0092FF !important;
}
.bac-color-price {
  background-color: #F83F20;
}

.bac-color-orange {
  background-color: #ff6a00;
}

.bac-color-efeff4 {
  background-color: #EFEFF4;
}

.bac-color-fff {
  background-color: #fff;
}

.bac-color-eee {
  background-color: #eee;
}


.bac-color-fa {
  background-color: #fafafa;
}

.bac-color-f4 {
  background-color: #f4f4f4;
}

.bac-color-yellow {
  background-color: #F3B13A;
}

.bac-color-ccc {
  background-color: #ccc;
}

.bac-color-888 {
  background-color: #888888;
}

.bac-color-page {
  background-color: #f0f0f0;
}

.font-bold {
  font-weight: bold;
}

.font-200 {
  font-weight: 200;
}
.font-300 {
  font-weight: 300;
}
.font-400 {
  font-weight: 400;
}
.font-500 {
  font-weight: 500;
}
.font-600 {
  font-weight: 600;
}

.font-size-9 {
  font-size: 18rpx !important;
}
.font-size-10 {
  font-size: 20rpx !important;
}
.font-size-11 {
  font-size:22rpx !important;
}
.font-size-12 {
  font-size: 24rpx !important;
}
.font-size-13{
    font-size: 26rpx !important;
}
.font-size-14{
    font-size: 28rpx !important;
}
.font-size-15{
    font-size: 30rpx !important;
}
.font-size-16 {
  font-size: 32rpx !important;
}
.font-size-17 {
  font-size: 34rpx !important;
}
.font-size-18 {
  font-size: 36rpx !important;
}
.font-size-20 {
  font-size: 40rpx !important;
}
.font-size-22 {
  font-size: 44rpx !important;
}
.font-size-23 {
  font-size: 46rpx !important;
}

.font-size-24 {
  font-size: 48rpx !important;
}

.font-size-30 {
  font-size: 60rpx !important;
}

.font-size-32 {
  font-size: 64rpx !important;
}

.font-size-34 {
  font-size: 68rpx !important;
}

.font-size-36 {
  font-size: 72rpx !important;
}

.font-size-38 {
  font-size: 76rpx !important;
}

.font-size-40 {
  font-size: 80rpx !important;
}

.font-size-44 {
  font-size: 88rpx !important;
}


.text-line-through{
  text-decoration: line-through;
}

.rotate-180 {
  transform: rotate(180deg);
}



.content-padded {
  padding-left: 16rpx;
  padding-right: 16rpx;
}


.line-cell-10 {
  height: 20rpx;
  width: 750rpx;
  background-color: #f4f4f4;
}

.radius-50 {
  border-radius: 50%;
}
.radius-3{
  border-radius:6rpx;
}
.radius-5{
  border-radius:10rpx;
}
.radius-10{
  border-radius:20rpx;
}
.wh-15 {
  height: 30rpx;
  width: 30rpx;
}
.wh-13 {
  height: 26rpx;
  width: 26rpx;
}




.wh-30 {
  height: 60rpx;
  width: 60rpx;
}

.lh-30 {
  height: 60rpx;
  line-height: 60rpx;
}

.wh-20 {
  height: 40rpx;
  width: 40rpx;
}

.wh-18 {
  width: 36rpx;
  height: 36rpx;
}

.tq-text-line1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
}

.tq-text-line2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
}

.tq-text-line3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
}
.mask{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
.popup{
  z-index: 99;
  position: fixed;
  width: 100%;
  top: auto;
  bottom: 0;
  right: auto;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.pull-l{
  float: left;
}
.pull-r{
  float: right;
}
.clear::after{
  content:"";        
  display:block;        
  clear:both;  
}
.icon{
  height: 20px;
  width: 20px;
}
.icon-15{
  height: 15px;
  width: 15px;
}
.icon-10{
  height: 10px;
  width: 10px;
}
.tabbar-height {
	min-height: 100upx;
	height: calc(100upx + env(safe-area-inset-bottom) / 2);
}

.order-item {
	width: 100%;
	/* height: 8.33em; */
	border-radius: 5px;
	box-shadow: 3upx 3upx 10px 2upx rgba(214, 209, 209, 0.5);
	box-sizing: border-box;
}
.order-item-header {
	/* height: 4.17em; */
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 20rpx;
}
.order-item-footer {
	bottom: 30rpx;
	right: 20rpx;
}
.order-item-footer .btn {
	padding: 8rpx 14rpx;
}
.order-item-footer .cancel-btn {
	background-color: #ff9920;
	color: #fff;
	border-radius: 3px;
}
.order-item-footer .info-btn {
	background-color: #366ffe;
	color: #ffffff;
	border-radius: 3px;
}

.yellow-btn {
	background-color: #ff9920;
	color: #ffffff;
    border-radius: 3px;
}
.danger-btn{
  	background-color: #C9393D;
	color: #ffffff;
    border-radius: 3px;
}

.letter-s{
	letter-spacing: 2rpx;
}

/* 聊天的开始 */
.chat-container {
	height: 100vh;
	background-color: #f4f6f8;
}
.main-header {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px solid #e1e3e9;
	height: 50px;
	line-height: 50px !important;
	padding: 0 15px;
	background-color: #f5f5f5;
}
.main-header .online-status {
	color: rgb(60, 118, 61);
}
.main-header .notonline-status{
  color: rgb(153, 156, 153);
}
.content-wrapper {
	position: fixed;
	top: 50px;
	left: 0;
	right: 0;
	bottom: 50px;
	/* padding: 15px; */
	overflow: hidden;
}
.chat-wrapper {
	position: relative;
	height: calc(100vh - 100px);
	/* padding: 10px 14px 0px 14px; */
}
.chat-wrapper scroll-view {
	height: 100%;
}
.chat-wrapper .chat-system {
	min-height: 0;
	margin: 20px 0 5px;
	padding: 0;
}
.chat-wrapper .chat-system .time {
	display: inline-block;
	line-height: 30px;
	padding: 0 15px;
	border-radius: 3px;
	background-color: #ddd;
	color: #fff;
	font-size: 18rpx;
	cursor: pointer;
}

.chat-wrapper .chat-me ,.chat-wrapper .chat-you{
    margin-bottom: 10px;
    min-height: 68px;
}
.chat-me image, .chat-you image{
	background-color: #cccccc;
	height: 80rpx;
	width: 80rpx;
	border-radius: 100%;
}

.chat-me .chat-text,.chat-you .chat-text{
    min-height: 44rpx;
    line-height: 44rpx;
    margin-top: 12rpx;
    padding: 16rpx 30rpx;
    background-color: #fff;
    border-radius: 6rpx;
    color: #333;
    word-break: break-all;
}
.chat-you  .chat-text::after{
	content: '';
    position: absolute;
    left: -20rpx;
    top: 26rpx;
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    overflow: hidden;
    border-width: 10px;
}

.chat-me .chat-text::after{
	content: '';
    position: absolute;
    right: -20rpx;
    top: 26rpx;
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    overflow: hidden;
    border-width: 20rpx;
}

.write{
	position: fixed;
	width: 100%;
	bottom: 0;
	height: 50px;
	border-top: 1rpx solid #e1e3e9;
}

.write .send-btn {
	height: 50px;
	line-height: 50px;
	background-color: #0088ff;
	color: #fff;
	width: 180rpx;
}
.write textarea{
	padding:3px 5px;
}


#message {
	box-sizing: border-box;
	overflow-y: auto;
	max-height: 50px;
	top: 0;
	width: 96%;
	outline: none;
	border: none;
	resize: none;
	margin: 4px 0 1px 6px;
	border-radius: 4px;
	padding: 4px;
	overflow-x: hidden;
	user-select: text !important;
	line-height: 34rpx;
	font-size: 34rpx;
	color: #181818;
}

/* 聊天的结束 */

>>>.uni-progress-inner-bar,.uni-progress-bar{
  border-radius: 8px;
}
.confirm-btn{
  height: 50px;
  line-height: 50px;
  background-color: #0088FF;
  color: #fff;
  width: 70%;
  margin:60px auto;
  text-align: center;
  border-radius: 8px;
 
}
uni-button:after{
  border: none;
}
.status-await{
  color: #0088FF;
}
.status-fail{
  color: #C9393D;
}
.status-success{
  color: #18bc9c;
}
.status-danger{
  color: #e74c3c;
}
.status-yellow{
  color: #f2af3c;
}
.banner{
    border-radius: 5px;
    max-height: 148px !important;
}
/* .uni-swiper{
	max-height: 150px !important;
} */